---
layout: snippet
title: "Carousel example"
permalink: /examples/carousel/basic/
sitemap: false
---

<div class="carousel slide" style="" data-ride="carousel">
    <ol class="carousel-indicators">
        <li class=""></li>
        <li class="active"></li>
        <li class=""></li>
    </ol>

    <div class="carousel-inner">
        <div class="carousel-item" style="">
            <img class="d-block" style="width: 100%" src="/assets/images/slides/430-1230x500.jpg" alt="City Skyline">
        </div>
        <div class="carousel-item active" style="">
            <img class="d-block" style="width: 100%" src="/assets/images/slides/431-1230x500.jpg" alt="Coffee">
        </div>
        <div class="carousel-item" style="">
            <img class="d-block" style="width: 100%" src="/assets/images/slides/432-1230x500.jpg" alt="Mountain">
        </div>
    </div>

    <a class="carousel-control-prev" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>